<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<title>首页</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script src="js/common.js"></script>
<link href="css/reset.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<link href="css/swiper-3.4.0.min.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
</head>
<body>
    <!-- header start -->
    <header class="clearfix">
        <div class="wrapper">
            <div class="area"><i class="iconfont">&#xe606;</i>郑州</div>
            <div class="searchBox">
                <i class="iconfont">&#xe60a;</i>
                <input type="text" placeholder="请输入关键字" class="search">
            </div>
        </div>
    </header>
    <!-- header end -->

    <!-- banner start -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="#"><img src="images/banner0.jpg"></a>
                <p></p>
            </div>
            <div class="swiper-slide">
                <a href="#"><img src="images/banner1.jpg"></a>
                <p></p>
            </div>
            <div class="swiper-slide">
                <a href="#"><img src="images/banner2.jpg"></a>
                <p></p>
            </div>
        </div>
        <div class="swiper-pagination">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <!-- banner end -->

    <!-- main start -->
    <div class="main">
        <ul class="clearfix">
            <li><a href="expert-on-Line.html">
                <div class="pImg">
                    <img src="images/index-icon1.png" alt="">
                </div>
                <p>专家在线</p>
            </a></li>
            <li><a href="cityService.html">
                <div class="pImg">
                    <img src="images/index-icon2.png" alt="">
                </div>
                <p>同城服务</p>
            </a></li>
            <li><a href="#">
                <div class="pImg">
                    <img src="images/index-icon3.png" alt="">
                </div>
                <p>养宠宝典</p>
            </a></li>
            <li><a href="#">
                <div class="pImg">
                    <img src="images/index-icon4.png" alt="">
                </div>
                <p>热门活动</p>
            </a></li>
            <li><a href="#">
                <div class="pImg">
                    <img src="images/index-icon5.png" alt="">
                </div>
                <p>溜溜推荐</p>
            </a></li>
            <li><a href="information.html">
                <div class="pImg">
                    <img src="images/index-icon6.png" alt="">
                </div>
                <p>宠物资讯</p>
            </a></li>
            <li><a href="#">
                <div class="pImg">
                    <img src="images/index-icon7.png" alt="">
                </div>
                <p>宠友公益</p>
            </a></li>
            <li><a href="#">
                <div class="pImg">
                    <img src="images/index-icon8.png" alt="">
                </div>
                <p>添加卡片</p>
            </a></li>
            <li><a href="#">
                <div class="pImg">
                    <img src="images/index-icon9.png" alt="">
                </div>
                <p>管理卡片</p>
            </a></li>
        </ul>
    </div>
    <!-- main end -->

    <!-- 底部 start -->
    <div class="tabBtn">
        <ul class="clearfix">
            <li class="current"><a href="index.html">
                <div class="pImg"></div>
                <p>首页</p>
            </a></li>
            <li><a href="liuliu.html">
                <div class="pImg"></div>
                <p>溜溜</p>
            </a></li>
            <li><a href="serve.html">
                <div class="pImg"></div>
                <p>服务</p>
            </a></li>
            <li><a href="my.html">
                <div class="pImg"></div>
                <p>我的</p>
            </a></li>
        </ul>
    </div>
    <!-- 底部 end -->

<script src="js/zepto.min.js"></script>
<script src="js/swiper-3.4.0.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>